﻿<template>
    <div class=" brand-box">

        <el-form>
            <table border="1" style="text-align: center  ; border-collapse: collapse">
                <tr>
                    <td style="width: 400px;height: 50px">
                        活动名称：
                        <el-input v-model="marketingFindClaim.promotionName"
                                  style="width: 250px"
                                  maxlength="20" show-word-limit>
                        </el-input>
                    </td>
                    <td style="width: 400px">
                        活动日期时间：
                        <el-date-picker v-model="marketingFindClaim.marketingDate"
                                        type="datetime"
                                        placeholder="选择日期时间"></el-date-picker>
                    </td>
                    <td style="width: 400px">审核状态：
                        <el-select v-model="marketingFindClaim.marketingApprovalstatus" placeholder="请选择">
                            <el-option label="未审批" :value="1"></el-option>
                            <el-option label="已审批" :value="2"></el-option>
                            <el-option label="审批不通过" :value="3"></el-option>
                        </el-select>
                    </td>
                    <td style="width: 400px">领取方式：
                        <el-select v-model="marketingFindClaim.rewardWay" placeholder="请选择">
                            <el-option label="现场领取" :value="1"></el-option>
                            <el-option label="邮寄" :value="2"></el-option>
                        </el-select>
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="height: 50px">
                        <el-button round type="primary" @click="findPageCondition">查询</el-button>
                        <el-button round type="info" @click="rest">重置</el-button>
                    </td>

                </tr>
                <tr>
                    <td colspan="4" style="height: 50px">
                        <el-button round type="primary"
                                   icon="el-icon-circle-plus-outline"
                                   @click="addMarketing">新增市场活动申请单
                        </el-button>
                    </td>
                </tr>

                <tr>
                    <td colspan="4">
                        <el-table :data="pageDate" style="width:100% ">
                            <el-table-column fixed prop="marketingId" label="序号" width="80"></el-table-column>
                            <el-table-column prop="marketingName" label="活动名称" width="200"></el-table-column>
                            <el-table-column prop="rewardWay" label="领取方式" width="200"></el-table-column>
                            <el-table-column prop="marketingApplicant" label="申请人" width="200"></el-table-column>
                            <el-table-column prop="marketingDate" label="活动日期" width="200"></el-table-column>
                            <el-table-column prop="marketingApprovalstatus" label="审批状态" width="200"></el-table-column>
                            <el-table-column prop="handle" label="操作" width="500">
                                <template slot-scope="scope">
                                    <el-button round type="primary" icon="el-icon-document-copy" size="mini"
                                               @click="updateMarketing">
                                        查看
                                    </el-button>
                                    <el-button round type="warning" icon="el-icon-edit" size="mini"
                                               @click="updateMarketing">修改
                                    </el-button>
                                    <el-button round type="danger" icon="el-icon-finished" size="mini">审核跟踪</el-button>
                                    <el-button round type="success" icon="el-icon-printer" size="mini">生成赠品领取单
                                    </el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </td>
                </tr>
                <tr>
                    <td  colspan="4">
                        <template>
                            <el-pagination
                                    background
                                    :current-page="marketingFindClaim.current"
                                    :page-size="marketingFindClaim.size"
                                    layout="prev, pager, next"
                                    @current-change="pagefind"
                                    :total="totalPage">
                            </el-pagination>
                        </template>
                    </td>
                </tr>
            </table>
        </el-form>
    </div>
</template>

<script>
    import brand from './Marketing'

    export default brand;
</script>

<style scoped lang="sass">
    @import "Marketing"
</style>